<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui">
    <h:head>
        <title>
            #{messages.pageTitle} #{" "}
            <ui:insert name="title">
                Plantilla de Listado
            </ui:insert>            
        </title>
        <h:outputStylesheet library="css" name="principal.css" />
        <h:outputScript library="js" name="validation.js" />
    </h:head>
    <h:body>
        <div id="container">
            <header>
                <div id="header">Cabecera de Página</div>
            </header>         
            <nav>
                <div id="navigator-menu">Menú de Navegación</div>
            </nav>
            <section>
                <div id="content">                    
                    <div id="toolbar">
                        <h:form id="form-toolbar">
                            <p:growl id="growl" life="3000" showDetail="true"/>
                            <h:panelGrid columns="1" style="width: 100%;">
                                <p:toolbar>
                                    <p:toolbarGroup align="left">
                                        <p:button title="#{messages.home}" icon="ui-icon-home" outcome="/index" />
                                    </p:toolbarGroup>
                                    <p:toolbarGroup align="right">
                                        <ui:insert name="toolbar">
                                            Barra de Herramientas
                                        </ui:insert>
                                    </p:toolbarGroup>
                                </p:toolbar>
                            </h:panelGrid>
                        </h:form>
                        <h:panelGrid columns="1" style="width: 100%;">
                            <ui:insert name="content">
                                Contenido
                            </ui:insert>
                        </h:panelGrid>
                    </div>
                </div>
            </section>
            <footer>
                <div id="footer">Pie de Página</div>
            </footer>
        </div>
    </h:body>
</html>

